﻿<template>
  <div class="index_container">
    <FootM></FootM>
   </div>
</template>
<script>
  import '../../static/css/reset.css'
  import MintUI from 'mint-ui'
  import Vue from "vue"
  import '../../static/css/mint-ui/style.css'
  import "../../static/css/index/index_app.css"
  import useRem from '../../static/js/use_rem.js';
  import FootM from "./FooterMenu.vue"
  import "../common/common.js"
  import qs from 'qs';
  import axios from 'axios'
  axios.defaults.headers.common['Content-Type'] = 'application/json;charset=UTF-8'
  Vue.prototype.$http = axios
  Vue.use(MintUI);
  useRem();

export default {
  name: 'hello',
  data () {
    return {
      have_user_id: false,
      login_hidden_data:false
    }
  },
  mounted: function () {
    mui.plusReady(() => {
      //初始化时 固定底部
      let user_id = localStorage.getItem("user_id");
      console.log("++++++++++++++++++++++=index_user_id__________________");
      console.log(JSON.parse(user_id));
      plus.navigator.setStatusBarStyle('light');
      try {
        let temp = user_id.id;
        if (temp != " "||temp !="") {
          this.change_login_hidden_data();
        }
      } catch(e){
       
      }
   
      let index_id = plus.webview.currentWebview().id;
      localStorage.setItem("index_id", index_id)
    })
  
    //ajax_base__s
    sessionStorage.setItem("ajax_base","http://wx.yizhiweimeng.com/");
    //添加login_change自定义事件监听

    window.addEventListener('login_change',()=>{
      //获得事件参数
      this.change_login_hidden_data();

    });
    let user_id = localStorage.getItem("user_id");
    if (user_id != "" || user_id != null || user_id != undefined) {
      //this.have_user_id = true;
    }
    this.$nextTick(function () {
      // DOM 更新了
      setTimeout(() => {
        mui.plusReady(function () {
          plus.navigator.setStatusBarBackground("#9f5c2f");
        })
      },0)
    })
  },
  methods: {
   
   },
  components: {
    FootM
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
  /*index_headers*/
  .index_header{
    padding-top:5.3vw
  } 
  /*index_headere*/
  .login_hidden {
    opacity: 0;
  }
  * {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
  }
  .letter_send_box p {
    margin-top: 11vw;
  }

  .wrap_user_img {
    width: 28vw;
    height: 28vw;
    border-radius: 50%;
    border: 2px solid #cc9966;
    margin: 0rem auto;
    background-color: #ffffff;
    margin-bottom: 0.5rem;
    position: relative;
  } 
  .input_letter_id {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    color: #847f7f;
  } 
  .wrap_letter_send_box {
    z-index: 2000;
    height: 110vw;
    width: 75%;
  }
  .letter_send_box{
    height:100%;
    width:100%;
    position:absolute;
    z-index:1000;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.6);
  }
</style>


